<template>
  <div>
    <UploadExcel :on-success="onSuccess" />
  </div>
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    // ! 将excel的日期转成js的日期
    formatExcelTime(num, format = '-') {
      num = Number(num)	// 强制类型转化，以防传来的值是字符串
      let millisecond = 0	// 转化后的毫秒数
      if (num > 60) {
        millisecond = (num - 25569) * 60 * 60 * 24 * 1000
      } else {
        millisecond = (num - 25568) * 60 * 60 * 24 * 1000
      }
      const date = new Date(millisecond)	// 根据转化后的毫秒数获取对应的时间
      const yy = date.getFullYear()
      const mm = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
      const dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
      return yy + format + mm + format + dd	// 返回格式化后的日期
    },
    // ! 设置方法，传递给子组件，给子组件绑定函数，获取里面的数据
    async  onSuccess(data) {
      // 将从子组件获取的数据进行加工
      const newData = data.results.map(info => this.zhToEn(info))
      // 发送请求将数据导入到后端，然后渲染页面
      await importEmployee(newData)
      // 从导入页面，返回员工列表
      this.$router.back()
    },
    // ! 将 属性值为中文的转为英文的函数
    zhToEn(info) {
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      const newInfo = {}
      // 用 for...in...遍历对象
      for (const key in info) {
        // 获取键名
        const enkey = userRelations[key]
        // 获取键值
        const val = info[key]
        // 将日期的数据提取出来，把键值进行数据处理
        if (enkey === 'timeOfEntry' || enkey === 'correctionTime') {
          newInfo[enkey] = new Date(this.formatExcelTime(val))
        } else {
          newInfo[enkey] = val
        }
      }
      return newInfo
    }
  }
}
</script>

<style>
</style>
